<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../../icon/iconfont.css">
    <link rel="stylesheet" href="../css/gaming.css">
</head>
<body>
    <div class="web">
        <header>
            <div class="head-top">
                <img src="../../src/pangtanglogo.png" alt="1">
                <ul>
                    <li>
                        <p class="p1">
                            <a href="../../index.html">首页</a>
                        </p>
                        <p class="p2">
                            <a href="../../index.html">home</a>
                        </p>
                    </li>
                    <li class="line">
                        <p class="p1">
                            <a href="./gamelist.html">游戏</a>
                        </p>
                        <p class="p2">
                            <a href="./gamelist.html">game</a>
                        </p>

                        <div class="Xline">
                            <i class="iconfont iconxiantiao"></i>
                        </div>
                        <div class="Xline1">
                            <i class="iconfont iconxiantiao"></i>
                        </div>
                    </li>
                    <li>
                        <p class="p1">
                            <a href="#">案例</a>
                        </p>
                        <p class="p2">
                            <a href="#">Case</a>
                        </p>
                    </li>
                    <li>
                        <p class="p1">
                            <a href="#">关于我们</a>
                        </p>
                        <p class="p2">
                            <a href="#">About us</a>
                        </p>
                    </li>
                </ul>
                <div class="weiboicon ">
                    <i class="iconfont iconweibo"></i>
                </div>
            </div>
        </header>

        <section>
            <div class="gamebig">
                <div class="gametext">
                    <hr>
                    <p>宝石迷阵</p>
                    <p>《宝石迷阵》与暴司时候发行的游的的戏《星际争霸》一样，是一款成功的即时战略游戏。
                        游戏时战略游戏所要素：建设基地和指挥指挥战斗。游戏的操作方式也，秉承了星霸优点，
                        并对星际争霸中一些繁琐的操作进行了简化。</p>
                        <input type="button" value="收藏">
                        <input type="button" value="制作游戏">
                        <input type="button" value="购买">
                </div>
                <div class="gamebgc">
                    <ul>
                        <li>
                            <div>
                                <i class="iconfont iconshijian"></i>
                            </div>
                            <p>时间</p>
                            <p>2014-07-09</p>
                        </li>
                        <li>
                            <div>
                                <i class="iconfont iconshijian"></i>
                            </div>
                            <p>价格</p>
                            <p>2333</p>
                        </li>
                        <li>
                            <div>
                                <i class="iconfont iconshijian"></i>
                            </div>
                            <p>使用次数</p>
                            <p>20</p>
                        </li>
                        <li>
                            <div>
                                <i class="iconfont iconshijian"></i>
                            </div>
                            <p>大小</p>
                            <p>1034KB</p>
                        </li>
                    </ul>
                </div>
                <div class="gameimg">
                    <img src="../../src/phone.png" alt="">
                </div>
            </div>
            <div class="methor">
                <hr>
                <p>使用方法</p>
                <p>USE METHODS</p>

                <div>
                    <ul>
                        <li>
                            <img src="../../src/1pic1.png" alt="">
                            <p>STEP ONE</p>
                            <p>选择一个游戏，换图</p>
                        </li>
                        <li>
                            <img src="../../src/1pic2.png" alt="">
                            <p>THE SECOND STEP</p>
                            <p>选择一个游戏，换图</p>
                        </li>
                        <li>
                            <img src="../../src/1pic3.png" alt="">
                            <p>THE THIRD STEP</p>
                            <p>选择一个游戏，换图</p>
                        </li>
                        <div class="jiantou">
                            <i class="iconfont iconshuangjiantou-you"></i>
                        </div>
                        <div class="jiantou1">
                            <i class="iconfont iconshuangjiantou-you"></i>
                        </div>
                    </ul>
                </div>
            </div>
        </section>

        <footer>
            <div class="bgimg">
                <p>Copyright © 2014 Pangtang. All Rights Reserved. 版权所有</p>
            </div>
        </footer>
    </div>
</body>
</html>